<template>
    <div class="footer">
        <el-row>
            <span>Author:&nbsp;HalfCat</span><span>©2020 - {{ thisYear }}</span>
        </el-row>
    </div>
</template>

<script>
export default {
    name: "Footer",
    data() {
        return {

        }
    },
    computed: {
        thisYear: {
            get: function () {
                const date = new Date();
                return date.getFullYear();
            }
        }
    }
}
</script>

<style scoped>

span {
    margin-right: 15px;
}

.footer {
    margin: auto;
}

.el-row {
    background-color: transparent;
}

</style>
